@charset "utf-8"; 
@import url(../base/base.css);
@import url(../base/iconfont.css);
@import url(../base/ui.css);
/*公用*/
html, body {font-family: "Source Sans Pro","Helvetica Neue", Helvetica, Arial,sans-serif, "Microsoft YaHei";font-size: 14px;color: #58666e;line-height: 1.42857143;}
a{color:#4c5161}
a:hover{color:#3370ff}
i{margin-right: 5px}
/*布局*/
#app-navbar {position: absolute;top:0px;left: 0;right: 0;bottom: 0;z-index:100;width:70px;background-color:#333744;z-index:4;}
#app-navbar li{display: block;overflow:hidden;cursor:pointer;text-align: center;padding: 12px 0px;}
#app-navbar li p{color: #FFF}
#app-navbar li .icon{font-size:24px}
#app-navbar li:hover,#app-navbar li.focus{background: #282B35;}
#app-navbar .user{position:absolute;bottom:2px;right:0px;left:0px;}
#app-navbar a{display: block;color: #FFF}
#app-title{position:fixed;z-index:3;top:0px;bottom:0px;left:70px;right: 0px;background: #fff;height: 50px;border-bottom:1px #dadfe6 solid;box-shadow: 0 1px 4px rgba(0,21,41,.08);}
#app-title .appname{display: block;font-weight: 600;float: left;text-align: center;line-height:49px;height: 49px;background-color: #F2F6FF;width:140px;font-size: 16px;padding:0px 10px;border-right: 1px solid #dadfe6;color: #3370ff;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
#app-title .breadcrumb{float: left;height: 50px;font-size: 14px;line-height:50px;padding:0px 10px;color: rgba(0, 0, 0, 0.45);;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
#app-title .breadcrumb ul{display: inline-block;}
#app-title .breadcrumb li {display: inline-block;padding-right: 5px;}
#app-title .breadcrumb li a {color:rgba(0, 0, 0, 0.45);} 
#app-title .appuser{float:right;line-height: 50px;cursor:pointer;line-height:49px;height: 49px;background-color: #F2F6FF;color: #646a73;padding: 0px 10px;text-align: center;}
#app-title .appuser span{padding-right: 10px;}
#nav{position:fixed;top:50px;bottom:0px;left:70px;width:140px;z-index:2;overflow-y:auto;overflow-x:hidden;border: 1px solid #dadfe6;border-width: 0px 1px;background: #FFF;color: #1b212e;}
#nav::-webkit-scrollbar {width: 10px;height: 10px;}
#nav::-webkit-scrollbar-thumb {border-radius: 5px;background: rgba(0,0,0,0.2);}
#nav::-webkit-scrollbar-track {border-radius: 0;background: rgba(0,0,0,0.1);}
#main{position:fixed;top:50px;bottom:0px;right:0px;left:214px;overflow:hidden;background: #FfF;z-index:1;}
/*子菜单 */
#subnav{position:fixed;top:50px;bottom:0px;left:214px;z-index:2;display: none;border:1px solid #dadfe6;border-width:0px 1px 0px 0px;width:100px;}
#subnav a{width:99px;line-height:40px;font-size:14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-bottom: 1px #ebf2fe solid;color:#333;display: block;padding-left:20px;}
#subnav a:hover,#subnav a.focus{background: #F2F6FF;color:#333744;}
/*左侧菜单*/
#homeLink{position: relative;;height: 60px;background: #3399ff;}
#homeLink:before {position: absolute;top: 0;right: 0;left: 0;display: block;height: 60px;content: ' ';
background: url() no-repeat bottom left;
-webkit-background-size: 100% 100%;background-size: 100%;-webkit-transition: background-color .2s;-o-transition: background-color .2s;transition: background-color .2s;}
#homeLink:after {position: absolute;top: 48px;right: 0;left: 0;display: block;width: 0;height: 0;content: ' ';border-color: transparent transparent #3a3c4f transparent;border-style: solid;border-width: 0 0 12px 70px;}
#nav h1{box-shadow: 0px 1px 3px 1px rgba(2,2,2,.11);display: inline-block;text-align: center;width:140px;height: 50px;font-size: 16px;line-height:50px;padding:0px 10px;background: #fff;color: #3f4a56;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
#nav h1 a{color: #3f4a56;padding:5px 0px}
#nav h1 .icon{font-size:25px;vertical-align:-20%}
#nav dl{width:100%;border-bottom: 1px #ebf2fe solid;}
#nav dt{line-height:50px;padding:0px 10px;font-size:16px;cursor:pointer;font-size: 14px;cursor: pointer;font-weight: 500;}
#nav dt:hover{background: #F2F6FF;}
#nav dt i.right-icon{float:right;font-size: 12px;}
#nav dd{width:100;line-height:40px;font-size:14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#nav dd a{color:#333;display: block;padding-left:20px;}
#nav dd:hover,#nav dd.focus{background: #F2F6FF;color:#333744;}
#nav dd a:hover,#nav dd.focus a{color:#333744}
#nav dd.focus{font-weight: 600;}
/*嵌入框架*/
#iframe{width: 100%;height: 100%;overflow:hidden;}
/*弹出层*/
#layer {display:none;background: #fff;width:140px;border: 1px #dadfe6 solid;border-width:0px 1px 1px 1px;box-shadow: 0 1px 4px rgba(0,21,41,.08);}
#layer > .item {padding: 10px 20px;}
#layer > .item:hover{background-color: #ebf2fe}
#layer > .item.divider{border-bottom:1px solid #ebf2fe;}
#layer a:hover{color:#4c5161}
/*浮动*/
.leftlayer{background-color: #ffffff;display: none;}
.leftlayer .title{padding: 0 20px;padding-top: 10px;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-flow: row nowrap;-webkit-box-align: center;align-items: center;height: 65px;box-sizing: border-box;-webkit-box-pack: justify;justify-content: space-between;}
.leftlayer .title span{font-size: 22px;font-weight: 100;}
.leftlayer .title .iconfont{font-size: 18px;padding: 5px 10px;justify-content: flex-end;}
.leftlayer .title .iconfont:hover{background: #F7F9FA}
.leftlayer .bodys{display: flex;flex-flow: row wrap;margin:5px 0px 0px 23px;}
.leftlayer .bodys a{background: #FAF9F8;margin: 0 10px 10px 0;font-size: 14px;font-weight: 400;width: 130px;height: 130px;line-height: 30px;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;text-decoration: none;}
.leftlayer .bodys a:hover{background-color: #efefef;color: #444}
.leftlayer .bodys img{width: 80px;height: 80px;border-radius:5px}
.leftlayer .bodys .icon{font-size: 47px;}